<template>
  <div class="button">
    {{text}}  
  </div>
</template>
<script>
export default {
  name: 'Button',
  props: {
     text: {
      type: String,
      default: '按钮'
    }
  }
}
</script>

<style scoped>
.button {
  display: inline-block;
  padding: 10px 20px;
  font-size: 18px;
  font-weight: 500;
  border-radius: 6px;
  background-color: rgb(53, 109, 230);
  color: #fff;
  line-height: 1;
}
</style>